<template>
    <view class="noData">
        <image :src="img" />
        <view class="noDataText">{{text}}</view>
    </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const props = defineProps({
    text: {
        type: String,
        default: '暂无数据'
    },
    img: {
        type: String,
        default: '/static/nodata/nodata01.png'
    }
})
</script>
<style scoped lang="scss">
.noData{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    image{
        width: 200rpx;
        height: 200rpx;
    }
    .noDataText{
        font-size: 28rpx;
        color: #8292B0;
    }
}
</style>
